1.路由的概念
#路由器、IP等网络知识普及
#前后端路由的历史

2.前端路由时代
#前提条件----修改url地址，页面不刷新 ---1.hash 2.H5提供的history

3.vuerouter引入
#下载 --- vue2 => vue-router3 vue3 => vue-router4
#配置所有的路由信息
#放入单独的router/index.js文件
#main.js里面引入、注册
#路由表里面配置好首页、关于页面的路由信息 path:'',component:
#App.vue里面配置导航栏 router-link组件
#使用router-view配置好动态组件切换的位置

4.路由的默认路径
#根路径配置redirect重定向

5.路由跳转的模式
#hash
#history
#到路由文件的配置中加上的mode:(hash\history)

6.router-link
#作用：拿来跳转对应的路径的
#to,决定了跳转的路径
#tag,决定渲染的元素
#active-class,选中之后的类名
#公共配置router-link选中的类型，去路由文件中配置linkActiveClass："tang"

#7.使用JS跳转
#this.$router.push("/about")

#8.跳转当前页面路径重复报错
#根据window.location.path判断是否是要跳转的路径
#根据this.$route去判断（推荐）
#给路由push方法的错误捕获处理拦截（推荐）
#根据this.$route去判断当前导航是否选中状态 item.path

#9. 动态路由的配置
#path:"/user/:id"
#this.$router.push("/user/1234")
#到跳转的页面获取当前路由参数，this.$router.params

#10. 路由的懒加载
#出现的原因---所有的页面都加载到一个JS文件中，那么会导致页面记载速度缓慢
#通过ES6的文件懒加载写法